<template>
  <div class="channel-dashboard-page">
    <div class="menu">
      <Menu :index="1" />
    </div>
    <el-scrollbar class="colR">
      <img src="../../assets/channel/bg.png" width="100%" />
    </el-scrollbar>
  </div>
</template>
<script setup>
import { ref, reactive } from "vue";
import Menu from "./menu.vue";
</script>
<style lang="scss" scoped>
.channel-dashboard-page {
  clear: both;
  overflow: hidden;
  height: 100%;
  line-height: 1;
  display: flex;
  font-size: 14px;

  .menu {
    background-color: #fff;
  }
  .colR {
    flex: 1;
    width: 1%;
    height: calc(100vh - 60px);
    background-color: #ededed;
  }
}
</style>
